.el-menu--popup {
  margin-left: -10px;
  background-color: #fff;
  .el-menu-item {
    // background-color: rgb(32,34,42) ;
    background-color: #fff;
    span,
    i {
      // color:rgb(184,182,187) ;
      color: #252525;
    }
    &.is-active {
      background-color: #e9effd;
      span,
      i {
        color: #275fe8;
      }
      &:hover {
        // background-color:rgba(0,0,0,1) ;
        // background-color: #fff;
      }
    }
    &:hover {
      // background-color: rgb(32,34,42) ;
      i,
      span {
        // color: #252525;
      }
    }
  }
}

.el-dropdown-menu__item {
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: #252525 !important;
}

.el-dropdown-menu__item:hover {
  background-color: #e9effd !important;
  border-radius: 4px !important;
}

.el-card.is-always-shadow {
  box-shadow: none;
  border: none !important;
}

.el-scrollbar__view {
  height: 100%;
  .el-menu--collapse {
    width: 60px;
  }
}

.el-menu--horizontal {
  // border-bottom: none !important;
}

.el-menu {
  border-right: none !important;
}

.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
  display: none;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent;
}

.el-message__icon,
.el-message__content {
  display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
}

.el-dialog__wrapper {
  z-index: 2048;
}

.el-col {
  margin-bottom: 8px;
}

.el-main {
  padding: 0 !important;
}

.el-dropdown-menu__item--divided:before,
.el-menu,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent !important;
}

.el-button + .el-button,
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 5px;
}

// 以下是自定义全局UI
.el-tooltip__popper.is-dark {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.15) !important;
}

/* 更改箭头颜色 */
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #fff !important;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  border-top-color: #fff !important;
}

.el-pagination {
  text-align: right !important;
  margin-top: 20px !important;
}

.el-dialog {
  border-radius: 8px !important;
}

.el-dialog__header {
  border-bottom: 1px solid #e5e6e9 !important;
  font-weight: 600 !important;
  color: #252525 !important;
  font-size: 16px !important;
  padding: 17px 20px !important;

  .el-dialog__title {
    font-weight: 600 !important;
    font-size: 16px !important;
  }
}

.dialog-footer .el-button + .el-button {
  margin-left: 16px !important;
}

.el-dialog__headerbtn {
  top: 17px !important;
  font-size: 19px !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #6d7075 !important;
  font-weight: 600 !important;
}

.el-icon-close:before {
  font-weight: 600 !important;
}

.el-dialog__body {
  padding: 20px !important;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #507fef !important;
  border-color: #507fef !important;
}

.el-button--primary,
.el-button--primary:active,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  background: #275fe8 !important;
  border-color: #275fe8 !important;
}

.el-button--text,
.el-button--text:focus,
.el-button--text:hover,
.el-pager li.active,
.el-radio__input.is-checked + .el-radio__label {
  color: #275fe8 !important;
}

.el-button--default {
  border: 1px solid #dedede !important;
}

.el-button--default:focus,
.el-button--default:hover {
  color: #275fe8 !important;
  border-color: #275fe8 !important;
}

.el-button.is-disabled {
  color: #CCCCCC !important;
}

.el-button--default.is-disabled,
.el-button--add.is-disabled {
  background: #ced5e7 !important;
  border-color: #ced5e7 !important;
  color: #ffffff !important;
}

.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus,
.el-input__inner:focus,
.el-textarea__inner:focus,
.el-checkbox__inner:hover,
.el-radio__inner:hover {
  border-color: #2b6ff8 !important;
}

.el-select-dropdown__item.selected {
  color: #2b6ff8 !important;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #275fe8 !important;
}

.el-table .descending .sort-caret.descending {
  border-top-color: #275fe8 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label,
.el-message-box__headerbtn:hover .el-message-box__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #275fe8 !important;
}

.el-message-box__btns .el-button--primary {
  background-color: #275fe8 !important;
  color: #fff !important;
}

.el-message {
  min-width: auto !important;
  padding-right: 20px !important;
}

.el-button--add,
.el-button--linear {
  color: #275fe8 !important;
  border-color: #275fe8 !important;
}

.el-button--add:focus,
.el-button--add:hover,
.el-button--linear:focus,
.el-button--linear:hover {
  color: #4476ef !important;
  border-color: #4476ef !important;
  background-color: #eef2fd !important;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:hover {
  background: #ced5e7 !important;
  border-color: #ced5e7 !important;
  color: #ffffff !important;
}

.el-input-group__append button.el-button {
  border-color: transparent !important;
}

.el-button--add.is-disabled:focus,
.el-button--add.is-disabled:hover {
  background: #ced5e7 !important;
  border-color: #ced5e7 !important;
  color: #ffffff !important;
}

.el-dialog__footer {
  padding: 20px !important;
}

.el-table thead {
  color: #6d7075 !important;
}

.el-table .cell,
.el-table th.el-table__cell > .cell {
  padding-left: 16px !important;
}

.el-table__body {
  color: #252525 !important;
  font-weight: 400 !important;
}

.cell .el-button + .el-button {
  margin-left: 24px !important;
}

.el-cascader-node.in-active-path,
.el-cascader .el-input.is-focus .el-input__inner,
.el-cascader-node.is-active {
  color: #275fe8 !important;
}

.el-button--operate {
  font-size: 14px !important;
  font-weight: 400;
}

.el-button--14 {
  padding: 0 16px !important;
  height: 32px !important;
  border-radius: 4px 4px 4px 4px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.el-tabs__item.is-active,
.el-tabs__item:hover,
.el-date-table td.today span,
.el-picker-panel__icon-btn:hover,
.el-date-table td.available:hover {
  color: #275FE8;
}

.el-tabs__active-bar,
.el-date-table td.start-date span,
.el-date-table td.end-date span {
  background-color: #275FE8;
}

.el-range-editor.is-active {
  border-color: #275FE8 !important;
}